<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
 <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  <%@ taglib prefix="zi" uri="http://gson.cn/jsp/jstl/mytags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%= basePath%>">
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="static/css/JDdigit.css"/>
</head>
<body style="overflow:-Scroll;overflow-x:hidden">
			<div class="bigbox">
				<div class="top_bigbox">
				<div class="top_box">
	
					<ul class="top_dh">
						<li>
							<a href="#">${users.user_name}</a>
							<a class="kkk"></a>
						</li>
						<li>
							<a href="#">免费注册</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">我的订单</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">我的京东<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">京东会员</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">企业采购</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">客户服务<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#" class="arrow">网站导航<i><s>♢</s></i>&nbsp;&nbsp;</a>
							<a class="gan">|</a>
						</li>
						<li>
							<a href="#">手机京东</a>
						</li>
					</ul>
				</div>
			</div>
			
			<div class="jd_bigss">
			<div class="jd_ss">
				<!--logo标志-->
			<div class="logodiv"></div>
				<div class="red_ss"><input type="text" placeholder="手机" /></div>
				<button class="btn_ss">搜索</button>
				<div class="gwc_box">
					<div class="txt_gwc">
						<a href="#">我的购物车</a>
					</div>
					<div class="gwc_img"></div>
				</div>
			</div>
		</div>

			
			<div class="JDtitle">
					<div class="titlename">全部商品分类</div>
					<div class="titleul">
						<ul>
							<li><a href="">服装城</a></li>
							<li><a href="">美妆馆</a></li>
							<li><a href="">超市</a></li>
							<li><a href="">生鲜</a></li>
							<li><a href="">全球购</a></li>
							<li><a href="">闪购</a></li>
							<li><a href="">拍卖</a></li>
							<li><a href="">金融</a></li>
						</ul>
						
					</div>
			</div>
			
			<!-- 热卖推荐的整体大盒子  -->
			<div class="remaibox">
				<!-- 热卖推荐-->
				<div class="tuijian"><div calss="wen">热卖<br/>推荐</div></div>
				
				<!-- 热卖中陈列商品的盒子  -->
				<div class="reshang">
						<ul class="reul">
							<!--描述；第一张图片的li  -->
							<li ><img src="static/img/1.jpg">
							<div class="rewen">
									<a href="" class="wenzi">Apple 苹果 iPhoneX 全面屏手机 银色 全网通（64GB ）</a>
									<span>￥7719.00</span>
							</div>
									<div class="btn"><a href="">立即抢购</a></div>
							</li>
							
							<!--描述；第二张图片的li  -->
							<li><img src="static/img/2.jpg" >
							<div class="rewen">
									<a href="" class="wenzi">vivo X20 全面屏双摄拍照手机 4GB+64GB 金色 移动联</a>
									<span>￥2998.00</span>
							</div>
									<div class="btn"><a href="">立即抢购</a></div>
							
							</li>
							<!--描述；第三张图片的li  -->
							<li><img src="static/img/3.jpg">
							<div class="rewen">
									<a href="" class="wenzi">夏普 SHARP AQUOS S2 全面屏手机 全网通 4GB+64GB </a>
									<span>￥1699.00</span>
							</div>
									<div class="btn"><a href="">立即抢购</a></div>
							
							</li>
						</ul>
						<!--
                        	作者：1547510573@qq.com
                        	时间：2018-01-08
                        	描述：促销活动的盒子
                        -->
						<div class="cuxiao"><div calss="wen">促销<br/>活动</div></div>
						
						<!-- 商品文字信息列表的盒子 -->
						<div class="rexin">
								<ul>
										<li><a href="">红米千元全面屏手机上市</a></li>
										<li><a href="">锤子坚果Pro2火爆预约中</a></li>
										<li><a href="">大牌新品 疯狂抢购</a></li>
										<li><a href="">X20 vivo蓝新色上市</a></li>
									    <li><a href="">荣耀畅玩7X新品上市</a></li>
								</ul>
							
						</div>
			</div>
			
			<!--
            	描述：手机盒子
            -->
			<div class="phone">
				<a href="" class="pha">手机</a><span>></span>
				<div class="phtong">手机通讯<div class="tongimg"></div></div><div class="jian2">></div>
				<div class="minph">手机<div class="tongimg1"></div></div><div class="jian3">></div></div>
			</div>
			
			<!--商品筛选盒子 -->
			<div class="stilte">
				<div class="sai"><span class="nooo">手机</span>  商品筛选   </div>
				<div class="gong">   共 10082个商品</div>
				
			</div>
			
			<div class="pingbigbox">
				<div class="pingpai">品牌：</div>
				<div class="pingimg">
					<ul>
						<li><a href=""><img src="static/img/oppo.jpg"></a></li>
						<li><a href=""><img src="static/img/vivo.jpg"></a></li>
						<li><a href=""><img src="static/img/hua.jpg"></a></li>
						<li><a href=""><img src="static/img/yijia.jpg"></a></li>
						<li><a href=""><img src="static/img/nuo.jpg"></a></li>
						<li><a href=""><img src="static/img/apple.jpg"></a></li>
						<li><a href=""><img src="static/img/zhui.jpg"></a></li>
						<li><a href=""><img src="static/img/mei.jpg"></a></li>
						<li><a href=""><img src="static/img/meitu.jpg"></a></li>
						<li><a href=""><img src="static/img/san.jpg"></a></li>
						<li><a href=""><img src="static/img/nv.jpg"></a></li>
						<li><a href=""><img src="static/img/360.jpg"></a></li>
						<li><a href=""><img src="static/img/zhong.jpg"></a></li>
						<li><a href=""><img src="static/img/ku.jpg"></a></li>
						<li><a href=""><img src="static/img/mi.jpg"></a></li>
						<li><a href=""><img src="static/img/jing.jpg"></a></li>
					</ul>			
				</div>
				<div class="geng"><span>更多</span><div class="jianxia"></div></div>
				<div class="duo"><span>多选</span><div class="jiahao"></div></div>
			</div>
			
			<!--包住筛选条件的大盒子 -->
			<div class="xuanze">
				<!--便捷导购大盒子 -->
				<div class="bigbian">
					<div class="bian">便捷导购：</div>
					<div class="leix">
						<ul>
							<li><a href="">游戏手机</a></li>
							<li><a href="">老人手机</a></li>
							<li><a href="">拍照手机</a></li>
							<li><a href="">长续航手机</a></li>
						</ul>
					</div>
				</div>
				
				<!--价格的大盒子-->
				<div class="bigmoeny">
					<div class="bian">价格：</div>
					<div class="leix">
						<ul>
							<li><a href="">0-499</a></li>
							<li><a href="">500-999</a></li>
							<li><a href="">1000-1699</a></li>
							<li><a href="">1700-2799</a></li>
							<li><a href="">2800-4499</a></li>
							<li><a href="">4500-11999</a></li>
							<li><a href="">12000以上</a></li>
						</ul>
					</div>
					
				</div>
				
				<!--系统的大盒子-->
				<div class="bigsys">
					<div class="bian">系统：</div>
					<div class="leix">
						<ul>
							<li><a href="">安卓（Android）</a></li>
							<li><a href="">苹果（IOS）</a></li>
							<li><a href="">微软（WindowsPhone）</a></li>
							<li><a href=""> 基础功能机系统</a></li>
							<li><a href="">其他</a></li>
							
						</ul>
					</div>
				</div>
			</div>
			
			<!--包住商品列表图文信息的盒子-->
			<div class="goodsbody">
				<div class="goodslie">
					<div class="lietitle">
						<div class="titleone">
						  <ul>
							<li class="zongp"><a href=""><span>综合排序</span></a></li>
							<li><a href="">销量</a></li>
							<li><a href="">价格</a></li>
							<li><a href="">评论数</a></li>
							<li><a href="">上架时间</a></li>
						  </ul>
						</div>
					</div>
				<!-- 陈列商品的大盒子-->
				<div class="bodyxiang">
					<ul>
					<c:forEach items="${pages.rows}" var="nice">
					  <li class="bodyli">
					  <div class="divli1">
					  	<img src="${nice.picture_path}" width="220px">
					  	<div class="jiaxiang">¥${nice.shoop_price}</div>
					  	<div class="boxi"><a href="xq_body?shoop_id=${nice.shoop_Id}">${nice.shoop_Product}</a></div>
					  	<div class="boxi2">已有11万+人评价</div>
					  	<div class="boxi3">京东自营<div class="boxiimg"></div></div>
					  	<div class="boxi4"><div class="zi">自营</div><div class="man">满赠</div></div>
					  </div>
					  </li>
					  </c:forEach>
					  </ul>
					
				</div>	
				
				<!-- 分页的大盒子-->
				<div class="bigfenye">
					<div class="fenye">
					 <div class="minfenye"><zi:page pages="${pages}" url="pagelist"></zi:page></div>
					</div>
				</div>

				</div>
		
			</div>
					
			<!--商品精选-->
			<div class="jingxuan">
					<div class="jin">商品精选</div>
					<div class="xuanbody">
					  <ul>
					  	<li>
					  		<div class="imgtu"><img src="static/img/xxxmi.jpg"></div>
					  		<div class="xuanwen"><a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></div>
					  		<div class="xuanjia">￥3299.00</div>
					  		<div class="xuanpin"><a href="">96726</a>人好评</div>
					  	</li>
					  	
					  	<li>
					  		<div class="imgtu"><img src="static/img/xxxmi.jpg"></div>
					  		<div class="xuanwen"><a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></div>
					  		<div class="xuanjia">￥3299.00</div>
					  		<div class="xuanpin"><a href="">96726</a>人好评</div>
					  	</li>
					  	
					  	<li>
					  		<div class="imgtu"><img src="static/img/xxxmi.jpg"></div>
					  		<div class="xuanwen"><a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></div>
					  		<div class="xuanjia">￥3299.00</div>
					  		<div class="xuanpin"><a href="">96726</a>人好评</div>
					  	</li>
					  	
					  	<li>
					  		<div class="imgtu"><img src="static/img/xxxmi.jpg"></div>
					  		<div class="xuanwen"><a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></div>
					  		<div class="xuanjia">￥3299.00</div>
					  		<div class="xuanpin"><a href="">96726</a>人好评</div>
					  	</li>
					  	
					  	<li>
					  		<div class="imgtu"><img src="static/img/xxxmi.jpg"></div>
					  		<div class="xuanwen"><a href="">小米MIX2 全面屏游戏手机 6GB+64GB 黑色 全网通4G手机 双卡双待</a></div>
					  		<div class="xuanjia">￥3299.00</div>
					  		<div class="xuanpin"><a href="">96726</a>人好评</div>
					  	</li>
					  </ul>						
					</div>
			</div>
			
			<!--广告图片 -->
			<div class="guantu">
				<img src="static/img/jdsf.jpg" />
			</div>
			</div>
			
			<!--底部第一个盒子-->
			<div class="dinghead">
				<div class="dingone">
				<ol>
					<li>
						<div class="duop">
							<div class="duowen">品类齐全，轻松购物</div>
						</div>
					</li>
					
					<li>
						<div class="kuaip">
							<div class="duowen">多仓直发，极速配送</div>
						</div>
					</li>
					
					<li>
						<div class="haop">
							<div class="duowen">正品行货，精致服务</div>
						</div>
					</li>
					
					<li>
						<div class="shengp">
							<div class="duowen">天天低价，畅选无忧</div>
						</div>
					</li>
				</ol>
				</div>
				
				<div class="headzhi">
					<div class="mindi">
					<dl class="fore1">
						<dt>购物指南</dt>
						<dd><a href="">购物流程</a></dd>
						<dd><a href="">会员介绍</a></dd>
						<dd><a href="">生活旅行/团购</a></dd>
						<dd><a href="">常见问题</a></dd>
						<dd><a href="">大家电</a></dd>
						<dd><a href="">联系客服</a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>配送方式</dt>
						<dd><a href="">上门自提</a></dd>
						<dd><a href="">211限时达</a></dd>
						<dd><a href="">配送服务查询</a></dd>
						<dd><a href="">配送费收取标准</a></dd>
						<dd><a href="">海外配送</a></dd>
						
					</dl>
					
					<dl class="fore1">
						<dt>支付方式</dt>
						<dd><a href="">货到付款</a></dd>
						<dd><a href="">在线支付</a></dd>
						<dd><a href="">分期付款</a></dd>
						<dd><a href="">邮局汇款</a></dd>
						<dd><a href="">公司转账</a></dd>
						<dd><a href=""></a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>售后服务</dt>
						<dd><a href="">售后政策</a></dd>
						<dd><a href="">价格保护</a></dd>
						<dd><a href="">退款说明</a></dd>
						<dd><a href="">返修/退换货</a></dd>
						<dd><a href="">取消订单</a></dd>
						<dd><a href=""></a></dd>
					</dl>
					
					<dl class="fore1">
						<dt>特色服务</dt>
						<dd><a href="">夺宝岛</a></dd>
						<dd><a href="">DIY装机</a></dd>
						<dd><a href="">延保服务</a></dd>
						<dd><a href="">京东E卡</a></dd>
						<dd><a href="">京东通信</a></dd>
						<dd><a href="">京东JD+</a></dd>
					</dl>
					</div>
				</div>
			</div>
			
			<!--底部第二个盒子-->
			<div class="dibu">
				<p class="dibu1">
					<a href="">关于我们</a><span>|</span>
					<a href="">联系我们</a><span>|</span>
					<a href="">联系客服</a><span>|</span>
					<a href="">合作招商</a><span>|</span>
					<a href="">商家帮助</a><span>|</span>
					<a href="">营销中心</a><span>|</span>
					<a href="">手机京东</a><span>|</span>
					<a href="">友情链接</a><span>|</span>
					<a href="">销售联盟</a><span>|</span>
					<a href="">京东社区</a><span>|</span>
					<a href="">风险监测</a><span>|</span>
					<a href="">隐私政策</a><span>|</span>
					<a href="">京东公益</a><span>|</span>
					<a href="">English Site</a><span>|</span>
					<a href=""> Contact Us</a>
				</p>
				
			<div class="bodydi2">
				<p class="dibu2">
					<a href="">京公网安备 11000002000088号</a><span>|</span>
					<span class="wenwenwen">京ICP证070359号  </span><span>|</span>
					<a href="">互联网药品信息服务资格证编号(京)-经营性-2014-0008</a><span>|</span>
					<span class="wenwenwen">新出发京零 字第大120007号</span>
				</p>
				
				<p class="dibu3">
					<span class="wenwenwen">互联网出版许可证编号新出网证(京)字150号  </span><span>|</span>
					<a href="">出版物经营许可证</a><span>|</span>
					<a href="">网络文化经营许可证京网文[2014]2148-348号</a><span>|</span>
					<span class="wenwenwen">违法和不良信息举报电话：4006561155</span>
				</p>
				
				<p class="dibu4">
					Copyright © 2004 - 2018  京东JD.com 版权所有  |
					消费者维权热线：4006067733    <a href="">经营证照</a>
				</p>
				
				<p class="dibu5">
					京东旗下网站：京东钱包  |<a href="">京东云</a>
				</p>
				
				<p class="imglogo">
					<a href="" class="logo"></a>
					<a href="" class="logo2"></a>
					<a href="" class="logo3"></a>
					<a href="" class="logo4"></a>
					<a href="" class="logo5"></a>
					<a href="" class="logo6"></a>
				</p>
			</div>
			</div>
						
		
</div>
	</body>
</html>